<?php $this->load->view('_inc/header')?>
<script>
$(document).ready(function(){
    $('.editar').click(function(){
            var id = $(this).attr('id');
            var divEditar = $('.popUp');
            $.ajax({
                 url: '<?php echo base_url()?>index.php/pais/editarPais/' + id,
                 type: 'POST',
                 success: function(data){
                     divEditar.html(data);
                     abrePopUp();
                 }
         });
     });
});
</script>

<h1><?php echo $pais->pais?></h1>

<table>
    <tr><td><?php echo form_label('População:'); echo $pais->populacao?></td></tr>
    <tr><td><?php echo form_label('Território:'); echo $pais->territorio?></td></tr>
    <tr><td><?php echo form_label('Títulos:'); echo $pais->titulos?></td></tr>
    <tr><td><br><?php echo $pais->descricao?></td></tr>
</table>
<br><br>

<h2>Jogos</h2>
<table class="listagem">
    <tr>
        <th>Jogo</th>
        <th>Data/Horário</th>
        <th>Cidade</th>
        <th>Estádio</th>
    </tr>
    <?php foreach($jogos as $jogo){ ?>
    <tr>
        <td><?php echo $jogo->pais1.' X '.$jogo->pais2?></td>
        <td><?php echo $jogo->data.' - '.$jogo->horario?></td>
        <td><?php echo $jogo->cidade?></td>
        <td><?php echo $jogo->estadio?></td>
    </tr>
    <?php } ?>
</table>

<div style="clear:both; margin:20px;margin-top:50px">
    <button class="editar" id="<?php echo $pais->id?>"><img src="<?php echo base_url()?>public/imagens/icones/lapis.png"/> Editar País</button>
    <button class="excluir"><img src="<?php echo base_url()?>public/imagens/icones/excluir.png"/>Excluir País</button>

        <a href="<?php echo base_url()?>cidade/excluirEstadio/<?php echo $pais->id;?>">
</div>
<?php $this->load->view('_inc/footer')?>
